﻿<div>
    <page-header></page-header>
    
    <form class="form-horizontal" role="form">
        <div class="form-group">
            <label for="name" class="col-sm-2 control-label">Your name</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="name" placeholder="Enter Name" ng-model="username">
            </div>
        </div>        
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button class="btn btn-default" ng-click="takePicture()">Take photo</button>
            </div>
        </div>
    </form>
    <img ng-src="{{userPicture}}" alt="your photo" />    
    <footer-buttons></footer-buttons>
</div>